<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>固定栏</title>
    <style>
        #fixed_1{
            background-image:url("../bh_img/固定栏背景图.webp") ;
            width:252px;
            height: 456px;
            position:fixed;
            right:0;
            top:100px;
            z-index: 1;
        }
        #fixed_2{
            position:relative;
            width: 169px;
            height: 50px;
            z-index: 2;
        }
        #fixed_3{
            position:relative;
            width: 169px;
            height: 50px;
            z-index: 2;
        }
        #fixed_4{
            position:relative;

            margin-left: 30px;
            z-index: 2;
        }
        #a1{
            margin-top: 150px;
            height: 60px;
            width: 220px;
            background-image: url("../bh_img/固定栏进入官网.png");
            border:1px solid white;
        }
        #a2{
            margin-top: 30px;
            height: 60px;
            width: 220px;
            background-image: url("../bh_img/固定栏_下载游戏.png");
            border: 1px solid white;
        }
        #a3{
            margin-top: 50px;
            margin-left: 60px;
            height: 70px;
            width: 70px;
            background-image: url("../bh_img/固定栏上按钮.png");
            border: 1px solid white;
            border-radius: 100px;
        }
        a{
            margin-left: 20px;
            width: 169px;
            height: 50px;
            display: block;
            text-align: center;
            line-height: 50px;
            text-decoration: none;
            font-size: 10px;
            border-radius: 55px;/*设置圆角*/
        }
        a:link{}
        /*a:visited{color: purple}*/
        a:hover{background-color: #9c7de9}
        /*a:active{color: purple}*/
    </style>
</head>
<body>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>

<div id="fixed_1">
    <div id="fixed_2">
        <a href="" id="a1">

        </a>
    </div>
    <div id="fixed_3" >
        <a href="" id="a2">

        </a>
    </div>
    <div id="fixed_4" >
        <a href="" id="a3">

        </a>
    </div>
</div>

</body>
</html>